<template>
<h5>父组件</h5>
<div class="box">
    <!-- 引用子组件 -->
    <globle-com></globle-com>
    <globle-com></globle-com>
    <GlobleCom/>
    <!-- 引用局部组件 -->
     <local-com></local-com>
    <local-com></local-com>
</div>
</template>
<script setup>
import LocalCom from "./LocalCom.vue"


</script>
<style scoped>
.box{
    display: flex;
}

h5{
    background-color: burlywood;
    border:10px dotted seagreen
}
:deep(.title){
    border:3px dotted skyblue
}
</style>